<template>
  <div class="hz container-wrap" >
    <MPSection :data="data['mp-section']" :bg="bg"/>
  </div>
</template>

<script setup>
import bg from "../assets/images/hzmap.png"
import MPSection from "@/components/sections/SectionMap.vue";
import {ref} from "vue";
import {GetHzData} from "@/service/DataService";
const data = ref({'mp-section': {info: {}, 'mp-key': '', zoom: 17, center: {"lat": 30.3633, "lng": 120.058211}}})
GetHzData().then((res) => data.value = res.data)
</script>

<style>
.hz {
  width: 100%;
  padding: 80px 15px;
  position: relative;
}
</style>
